export type toobarItem = {
  id: string;
  title: string;
  value: string;
  html: string;
  mark: boolean;
  fill: boolean | Record<string, string | number>;
};

export const ToobarConfig: toobarItem[] = [
  {
    id: '#1',
    title: '加粗',
    value: 'bold',
    fill: true,
    html: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 27"><path d="M15.08 12.65c.615 0 1.094-.087 1.436-.262.537-.275.806-.769.806-1.483 0-.719-.286-1.203-.857-1.453-.322-.14-.801-.21-1.436-.21h-2.6v3.408h2.651zm.49 5.077c.894 0 1.531-.265 1.912-.794.239-.334.359-.739.359-1.213 0-.799-.349-1.343-1.047-1.632-.372-.155-.862-.232-1.473-.232h-2.893v3.871h3.142zM11 8h4.622c1.26 0 2.156.384 2.688 1.153.313.454.469.978.469 1.572 0 .694-.193 1.263-.579 1.707-.2.236-.489.45-.865.645.552.215.965.457 1.238.726.483.479.725 1.141.725 1.984 0 .709-.217 1.35-.652 1.924-.649.86-1.682 1.289-3.098 1.289H11V8z"></path></svg>`,
    mark: true,
  },
  {
    id: '#2',
    title: '斜体',
    value: 'italic',
    fill: true,
    html: `<svg id="806809.6000000238-96547817111" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 27"><g id="806809.6000000238-84047576009"><g id="806809.6000000238-47550098305"><g id="806809.6000000238-9789737668" transform="translate(12 8)"><path id="806809.6000000238-50272105635" d="M4.773 1H6V0H2v1h1.273l-2.045 9H0v1h4v-1H2.727l2.046-9z"></path></g></g></g></svg>`,
    mark: true,
  },
  {
    id: '#3',
    title: '下划线',
    value: 'underline',
    fill: true,
    html: `<svg id="806809.7000000477-47586177309" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 27"><g id="806809.7999999523-67810181759"><g id="806809.7999999523-3792379703"><g id="806809.7999999523-42573413663" transform="translate(9.5 8)"><path id="806809.7999999523-15423575145" d="M2.881 0v6.021c0 .707.137 1.295.41 1.764.406.707 1.089 1.061 2.051 1.061 1.153 0 1.937-.382 2.352-1.147.223-.416.335-.975.335-1.678V0H9.41v5.471c0 1.198-.166 2.12-.499 2.765C8.299 9.412 7.146 10 5.451 10s-2.846-.588-3.452-1.764C1.666 7.591 1.5 6.669 1.5 5.471V0h1.381zM0 12h11v1H0v-1z"></path></g></g></g></svg>`,
    mark: true,
  },
  {
    id: '#4',
    title: '删除线',
    value: 'strikethrough',
    fill: true,
    html: `<svg id="806809.7999999523-49740126208" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 27"><g id="806809.7999999523-85711413774"><g id="806809.7999999523-12504822213"><g id="806809.7999999523-19534883341" transform="translate(8.5 8)"><path id="806809.7999999523-15195980151" d="M3.158 5H0v1h6.083l.78.171c.791.175 1.372.381 1.743.618.367.241.55.646.55 1.214 0 .757-.435 1.283-1.304 1.577a4.666 4.666 0 0 1-1.494.227c-1.221 0-2.073-.346-2.556-1.037-.254-.369-.398-.85-.432-1.441H2c-.015 1.127.356 2.019 1.113 2.677.758.663 1.805.994 3.143.994 1.147 0 2.155-.249 3.021-.746.867-.497 1.3-1.323 1.3-2.478 0-.727-.21-1.319-.63-1.776H13V5H7.902l-.035-.008-1.509-.334c-1.015-.227-1.667-.416-1.955-.568-.44-.236-.659-.61-.659-1.122 0-.464.188-.871.564-1.221s.994-.526 1.853-.526c1.064 0 1.819.272 2.263.817.239.298.396.727.469 1.285h1.37c0-1.16-.394-2.004-1.183-2.532C8.291.264 7.332 0 6.205 0 4.979 0 4.032.301 3.363.902S2.359 2.272 2.359 3.21c0 .764.266 1.361.799 1.79z"></path></g></g></g></svg>`,
    mark: true,
  },
];

export const colorBlocks = [
  {
    label: '白',
    value: 'rgb(255, 255, 255)',
  },
  {
    label: '漆黑',
    value: 'rgb(0, 0, 0)',
  },
  {
    label: '红',
    value: 'rgb(255, 0, 0)',
  },
  {
    label: '橙',
    value: 'rgb(255, 120, 0)',
  },
  {
    label: '黄',
    value: 'rgb(255, 217, 0)',
  },
  {
    label: '葱绿',
    value: 'rgb(163, 224, 67)',
  },
  {
    label: '湖蓝',
    value: 'rgb(55, 217, 240)',
  },
  {
    label: '天色',
    value: 'rgb(55, 217, 240)',
  },
  {
    label: '藤紫',
    value: 'rgb(149, 111, 231)',
  },
  {
    label: '白练',
    value: 'rgb(243, 243, 244)',
  },
  {
    label: '白鼠',
    value: 'rgb(204, 204, 204)',
  },
  {
    label: '樱',
    value: 'rgb(254, 242, 240)',
  },
  {
    label: '缟',
    value: 'rgb(254, 245, 231)',
  },
  {
    label: '练',
    value: 'rgb(254, 252, 217)',
  },
  {
    label: '芽',
    value: 'rgb(237, 246, 232)',
  },
  {
    label: '水',
    value: 'rgb(230, 250, 250)',
  },
  {
    label: '缥',
    value: 'rgb(235, 244, 252)',
  },
  {
    label: '丁香',
    value: 'rgb(240, 237, 246)',
  },
  {
    label: '灰青',
    value: 'rgb(215, 216, 217)',
  },
  {
    label: '鼠',
    value: 'rgb(165, 165, 165)',
  },
  {
    label: '虹',
    value: 'rgb(251, 212, 208)',
  },
  {
    label: '落柿',
    value: 'rgb(255, 215, 185)',
  },
  {
    label: '花叶',
    value: 'rgb(249, 237, 166)',
  },
  {
    label: '白绿',
    value: 'rgb(212, 233, 214)',
  },
  {
    label: '天青',
    value: 'rgb(199, 230, 234)',
  },
  {
    label: '天空',
    value: 'rgb(204, 224, 241)',
  },
  {
    label: '水晶',
    value: 'rgb(218, 213, 233)',
  },
  {
    label: '薄钝',
    value: 'rgb(123, 127, 131)',
  },
  {
    label: '墨',
    value: 'rgb(73, 73, 73)',
  },
  {
    label: '甚三红',
    value: 'rgb(238, 121, 118)',
  },
  {
    label: '珊瑚',
    value: 'rgb(250, 165, 115)',
  },
  {
    label: '金',
    value: 'rgb(230, 179, 34)',
  },
  {
    label: '薄青',
    value: 'rgb(152, 192, 145)',
  },
  {
    label: '白群',
    value: 'rgb(121, 198, 205)',
  },
  {
    label: '薄花',
    value: 'rgb(110, 170, 215)',
  },
  {
    label: '紫苑',
    value: 'rgb(156, 142, 193)',
  },
  {
    label: '石墨',
    value: 'rgb(65, 70, 75)',
  },
  {
    label: '黑',
    value: 'rgb(51, 51, 51)',
  },
  {
    label: '绯红',
    value: 'rgb(190, 26, 29)',
  },
  {
    label: '棕黄',
    value: 'rgb(185, 85, 20)',
  },
  {
    label: '土黄',
    value: 'rgb(173, 114, 14)',
  },
  {
    label: '苍翠',
    value: 'rgb(28, 114, 49)',
  },
  {
    label: '孔雀',
    value: 'rgb(28, 120, 146)',
  },
  {
    label: '琉璃',
    value: 'rgb(25, 67, 156)',
  },
  {
    label: '青莲',
    value: 'rgb(81, 27, 120)',
  },
];

export const alignConfig = [
  {
    label: '左对齐',
    html: `<svg id="4409793.799999952-27908534942" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 54" width="30"><g id="4409793.799999952-52928816965"><g id="4409793.799999952-84584833333"><path id="4409793.799999952-44284012106" d="M18 18h24v2H18v-2zm0 8h24v2H18v-2zm0 8h24v2H18v-2zm0-12h16v2H18v-2zm0 8h16v2H18v-2z"></path></g></g></svg>`,
    value: 'left',
  },
  {
    label: '居中对齐',
    html: `<svg id="4409794-38043818282" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 54" width="30"><g id="4409794-8407736092"><g id="4409794-67416761464"><path id="4409794-6670470909" d="M18 18h24v2H18v-2zm0 8h24v2H18v-2zm0 8h24v2H18v-2zm4-12h16v2H22v-2zm0 8h16v2H22v-2z"></path></g></g></svg>`,
    value: 'center',
  },
  {
    label: '右对齐',
    html: `<svg id="4409794.100000024-60608448399" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 54" width="30"><g id="4409794.100000024-90561025493"><g id="4409794.100000024-48421800464"><path id="4409794.100000024-84713986748" d="M18 18h24v2H18v-2zm0 8h24v2H18v-2zm0 8h24v2H18v-2zm8-12h16v2H26v-2zm0 8h16v2H26v-2z"></path></g></g></svg>`,
    value: 'right',
  },
];
